.slider-wrapper{position: relative; width: 100%;}
.slider-wrapper img{width: 100%;}
.bottom{position: absolute; bottom: 0; z-index: 900; width: 100%; height: 136px; background: url(../images/bottom_03.png) no-repeat center center;}
.bottom img{position: absolute; width: 100%;}

.nivo-controlNav{position: absolute; top:0; /*width:*/ 100px; z-index: 1500; top: 90%; left: 48%; height: 30px;}
.nivo-controlNav a{display: block;
width: 15px;
height: 15px;
text-indent: -9999px;
border: 2px solid #fff;
margin-right: 10px;
float: left;
border-radius: 50%;}
.active{background: #ff0000 !important;}

.more{position: absolute; width: 60px; line-height: 26px; border: 1px solid #ad2925; border-radius: 21px; color: #ad2925; font-size: 14px; text-align: center; top: 50px; right: 0;}
.more1{top: 70px !important}
.more:hover{color: #fff; background: #ad2925;}

.hot{position: relative; width: 100%; height: 888px; font-size: 0; background: hsl(0, 0%, 95%); background: url(../images/hot_04.jpg) no-repeat center center;}
.hot-content{position: relative; opacity: 0; left: -400px; width: 1200px; margin: auto;}
.hot-title{padding-top: 34px;}
.hot-title img{display: block; margin: auto;}
.control{width: 264px; margin: auto; padding-top: 20px;}
.control li{display: inline-block; font-size: 24px; color: #3c3c3c;}
.l{margin-left: 60px;}
.hot-con{position: relative; width: 1200px;}
.hd{position: relative; width: 1224px;}
.hh{position: relative; width: 3672px;}
.hot-c{position: relative; left: -24px; padding-top: 20px;}
.con{display: inline-block; position: relative; vertical-align: top; margin-left: 24px; width: 282px; height: 450px; background: #fff;}
.con-img{position: relative; width: 242px; height: 310px; margin: auto; margin-top: 20px;}
.con-img img{position: absolute; width: 100%; height: 100%;}
.tag{font-size: 14px; width: 90px; line-height: 23px; text-align: center; margin: auto;  margin-top: 20px; border-radius: 11px; background: #4a4a4a; color: #fff;}
.con-t{font-size: 16px; width: 240px; margin: 20px 0 0 20px; text-align: center; color: #ad2925;}
.con-bottom{position: relative; width: 1224px; left: -24px; padding-top: 20px;}
.con-bottom a{display: inline-block; top: 0; transition: all .5s ease; position: relative; vertical-align: top; margin-left: 23px;}
.con-bottom a:hover{top:-20px; box-shadow: 0 30px 20px -10px #555;}

.news{width: 100%; height: 737px; font-size: 0; background: url(../images/news.png) no-repeat center center; background-position: top;}
.news-content{position: relative; opacity: 0; left: -400px; width: 1200px; margin: auto;}
.news-title{padding-top: 52px;}
.news-title img{display: block; margin: auto;}
.news-c{width: 1200px; height: 498px;padding-top: 30px;}
.news-l{position: relative; width: 704px; height: 498px; display: inline-block; vertical-align: top;}
.news-r{width: 496px; height: 498px; display: inline-block; vertical-align: top;}
.subnews{position: relative; width: 704px; height: 498px;}
.subnews img{position: absolute; width: 100%; height: 100%;}
.news-r a{display: block; position: relative; width: 496px; height: 99px; border-bottom: 1px solid #fff; background: #ece9e6;} 
.news-r a .msg{display: block; width: 460px; margin: 0 auto; font-size: 16px; color: #3c3c3c; line-height: 38px; padding-top: 10px;}
.news-r a .time{position: absolute; font-size: 14px; color: #999999; right: 22px; bottom: 20px;}
.message{position: absolute; bottom: 0; width: 704px; height: 103px; z-index: 3; border-top: 2px solid #fff;}
.msg-span{position: absolute; width: 704px; height: 103px; background: #000; opacity: .6; z-index: -1;}
.message h3{display: block; width: 680px; margin: auto; font-size: 18px; color: #fff; line-height: 30px; padding-top: 10px;}
.message p{display: block; text-indent: 1em; width: 680px; margin: auto; font-size: 16px; line-height: 26px; color: #fff;}
.on{background: #ad2925 !important;}
.news-control{position: absolute; z-index: 1000; right: 28px; bottom: 120px;}
.news-control li{width: 20px; height: 20px; border-radius: 50%; background: #fff; display: inline-block; margin-left: 10px;}
.news-r a:hover{background: #ad2925;}
.news-r a:hover .msg{color: #fff;}
.news-r a:hover .time{color: #fff;}

.team{position: relative; width: 100%; font-size: 0; height: 1280px; background: #f1f1f1;}
.team-back{position: absolute; top: 0; width: 100%; height: 300px; background: url(../images/news.png) no-repeat center center; background-position: top;}
.team-content{position: relative; opacity: 0; left: -400px; z-index: 1; height: 600px; width: 1200px; margin: 0 auto;}
.control{width: 1200px; text-align: center;}
.control li{display: inline-block; cursor: pointer; font-size: 24px; color: #3c3c3c;}
.control span{display: inline-block; position: relative; top: 8px; vertical-align: top; width: 1px; height: 20px; background: #ccc; margin: 0 50px 0 50px;}
.team-con{position: relative; left: -13px; width: 1213px;}
.team-c{padding-top: 30px; height: 370px;}
.hc-con{position: relative; width: 3639px;}
.team-con a{display: inline-block; margin-left: 13px; width: 162px; height: 275px;}
.team-con a img{width: 150px; height: 210px;}
.team-con a .name{width: 150px; line-height: 50px; text-align: center; font-size: 16px; color: #3c3c3c; background: #e1e1e1;}
.team-con a:hover .name{background: #ad2925; color: #fff;}
.in{color: #ad2925 !important; border-bottom: 2px solid #ad2925;}
.team-control{position: relative; padding: 30px 0 30px 0; width: 189px; margin: auto; /*left: -10px;*/}
.team-control li{display: inline-block; cursor: pointer; border-radius: 5px; margin-left: 10px; width: 53px; height: 9px; background: #d4d4d4;}
.team-control li:nth-child(1){background: #ad2925;}

.video{position: relative; opacity: 0; left: -400px; width: 1200px; height: 410px; background: #fff; margin: auto;}
.v-l{width: 622px; height: 410px; display: inline-block; position: relative; overflow: hidden;}
.v-r{position: relative; width: 578px; top: -21px; float: right;}
.video-span{position: absolute; z-index: 2; width: 622px; height: 410px; background: url(../images/video.png) no-repeat 100% 100%;}
.video-span4{cursor: pointer;}
.video-span2{position: absolute; z-index: 3; width: 622px; height: 410px; background: #000; opacity: .5;}
.video-span3{position: absolute; z-index: 4; width: 622px; height: 410px;}
.start{position: relative; width: 66px; height: 66px; z-index: 6; background: url(../images/viedspan_07.png) no-repeat 100% 100%; margin: auto; margin-top: 160px;}
.video-span4 img{position: absolute; width: 100%; height: 100%;}

.video-span3 p{display: block; padding-top: 100px; width: 400px; margin: auto; text-align: center; line-height: 30px; color: #fff; font-size: 16px;}

.v-r a{display: inline-block; overflow: hidden; width: 267px; height: 195px; margin: 20.5px 0 0 22px; background: #f1f1f1;}
.v-r a p{display: block; position: absolute; bottom: 0; width: 257px; padding: 0 5px 0 5px; text-align: center; z-index: 3; line-height: 60px; font-size: 16px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.v-img{position: relative; width: 267px; height: 195px;}
.v-img img{position: absolute; width: 100%; height: 100%;}
.video-sp{position: absolute; width: 100%; height: 100%; background: #000; opacity: .5; z-index: 2;}
.start1{position: absolute; width: 40px; height: 40px; z-index: 6; background: url(../images/viedspan_07.png) no-repeat; background-size: 100%; left: 112px; margin: auto; margin-top: 70px;}

.bar{position: relative; opacity: 0; left: -400px; position: relative; width: 1205px; padding-top: 60px; margin: auto; left: -5px;}
.bar a{display: inline-block; position: relative; top: 0; margin-left: 5px; transition: all .3s ease;}
.bar a:hover{top:-10px; box-shadow: 0 20px 20px -10px #555; transform: scale(1.05); z-index: 1;}